<template>
  <div class="box">
    <div class="search">
      <SearchNb></SearchNb>
    </div>
    <div class="banner">
      <SwipeNb></SwipeNb>
    </div>
    <div class="top_menu">
      <TopMenu></TopMenu>
    </div>
    <div class="RentalGroup">
      <RentalGroup></RentalGroup>
    </div>
    <div class="news">
      <News></News>
    </div>
  </div>
</template>

<script>
import SwipeNb from '@/components/Swipe'
import SearchNb from '@/components/Search'
import TopMenu from '@/components/TopMenu'
import RentalGroup from '@/components/RentalGroup'
import News from '@/components/News'
export default {
  components: {
    SwipeNb,
    SearchNb,
    TopMenu,
    RentalGroup,
    News
  },
  name: 'article-page',
  data () {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.box{
  margin-bottom: 50px;
}
.RentalGroup{
  background-color: #ededed;
}

.search{
  position: absolute;
  top:25px;
  left: 0px;
  z-index: 1000;
}
.banner{
  height: 212px !important;
}
</style>
